<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>内蒙古自治区生态地面检测</title>
    <link rel="stylesheet" type="text/css" href="homepage.css">
	<link rel="stylesheet" type="text/css" href="font-awesome.css">
	<link rel="stylesheet" type="text/css" href="font-awesome.min.css">
    <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="egconfig.js"></script>
	<script type="text/javascript" src="MobileT_Cb.js"></script>
	<script type="text/javascript" src="baidusearchinput.js"></script>
	<style>
		clickckpic {
			background: #007efb;
			font-size: 13px;
			padding: 10px;
			border-radius: 5px;
			float: left;
			margin-top: -38px;
			margin-left: 120px;
			box-shadow: 1px 1px 1px 1px #afa7a7;
			color: #fff;
			position: absolute;
		}

		.body .diplay4 .table divdatapic {
			background: #0080FF;
			width: 200px;
			/* height: 240px; */
			position: absolute;
			bottom: 15px;
			left: 3px;
		}

		.body .diplay4 .table divdatapic divi {
			display: block;
			border: 1px solid #ccc;
			text-align: center;
			color: #fff;
			height: 30px;
			line-height: 30px;
		}
		/* 优势种 */
		.YSZPIC > div{
			width: 160px;
			/* height: fit-content; */
			position: absolute;
			/* left: 0px; */
			right: 120px;
			/* top: 0px;
			bottom: 0px; */
			margin: auto;
			border: 1px solid rgb(204, 204, 204);
			background: rgb(0, 128, 255);
			display:none;
		}
	.td_input{
		width: 100%;
		border: 0;
		height: 25px;
		outline: none;
		background: #6CBCFE;
		text-align: center;
	}
	.tab_top_input{
    	background: #BCE4F4;
		border-top: 0px;
		border-left:0px;
		border-right:0px;
		text-align: center;
		width: 40px;
		border-bottom: 1px solid #000;
	}
	</style>
   
    
</head>
<body class="move">
	<input type="hidden" name="CBtable" value="10" />
	<div class="body body-move">
		<div class="diplay4 display4-move">
			<div class="table">
				<div class="table_Herbaceous">
					<!-- 草本详细信息 -->
					<input id="CBYFDATA" type="hidden" name="CBYFDATA" value="CBYFDATA">
					<!-- 草本物种信息 -->
					<input id="CBYFWZDATA" type="hidden" name="CBYFWZDATA" value="CBYFWZDATA">
					<!-- 草本详细信息审核编号 -->
					<input type="hidden" name="CBXXSHBZ" value="0,0,0"/>
					<!-- 草本物种审核编号 -->
					<input type="hidden" name="CBWZSHBZ" value=""/>
					<!-- 样方一 
					<form id="form_CBidone" class="HBQuadratI" action="Ecological/submitCBYFone" method="post" onsubmit="return CBdataYFone();">-->
						<!-- 表头 -->
					<div id="form_CBidone" class="HBQuadratI">
						<div class="table_Herbaceous_title">
							<span>草本分种样方（含凋落物）调查表</span>
						</div>
						<!-- 详细介绍 -->
						<div class="table_Herbaceous_introduce">
							<span>
								样地名称：
								<span id="CBoneNameC" ></span>
								<input type="hidden" id="CBoneDm" name="CBoneDm" value="">
							</span>
							<span>
								样方编号：
								<span id="CBoneYFBHC" ></span>
							</span>
							<span>
								<!-- 审核标记 -->
								<i class="fa fa-times" aria-hidden="true">
									<!-- 审核标记值 -->
									<input name="SHBZVAL" class="SHBZVAL-YFMJ SHBZ-CB-XX SHBZ-CB-XX-0" type="hidden" value="0"/>
								</i>
								样方面积：
								<input id="CBoneYFMJC"  type="text" class="tab_top_input" oninput="clearNoNum(this)">m²</input>
							</span>
							<span>
								<!-- 审核标记 -->
								<i class="fa fa-times" aria-hidden="true">
									<!-- 审核标记值 -->
									<input name="SHBZVAL" class="SHBZVAL-ZFGL SHBZ-CB-XX SHBZ-CB-XX-1" type="hidden" value="0"/>
								</i>
								总覆盖率：
								<input id="CBoneZFGLC"  type="text" class="tab_top_input" oninput="clearNoNum(this)">%</input>
							</span>
							<span>
								<!-- 审核标记 -->
								<i class="fa fa-times" aria-hidden="true">
									<!-- 审核标记值 -->
									<input name="SHBZVAL" class="SHBZVAL-PGGD SHBZ-CB-XX SHBZ-CB-XX-2" type="hidden" value="0"/>
								</i>
								平均高度：
								<input id="CBonePJGDC" type="text" class="tab_top_input" oninput="clearNoNum(this)">cm</input>
							</span>

						</div>
						<!-- 录入内容 -->   
						<div class="table_border">
							<table>
								<thead>
									<tr>
										<th>物种名称</th>
										<th>
											<div>
												株（丛）高度（cm）
											</div>
											<div>
												<span>1</span>
												<span>2</span>
												<span>3</span>
												<span>4</span>
												<span>5</span>
												<span>平均高度</span>
											</div>
										</th>
										<th>
											株（丛）数
										</th>
										<th>
											<div>
												生物量（g）
											</div>
											<div>
												<span>鲜重</span>
												<span>干重</span>
											</div>
										</th>
										<th>
											备注
										</th>
										<th>
											照片
										</th>
										<th>
											操作
										</th>
									</tr>
								</thead>
								<tbody style="position:relative;">
														
								</tbody>
							</table>
							<div style="width:130px;height:220px;border:1px solid #00f;background:#0080ff;position:fixed;z-index:80;left:0;right:0;top:0;bottom:0;margin:auto;display:none;" id="div_toggon_pic">
								<div style="overflow:hidden;">
									<span onclick="yfPicUpload();" style="float:left;margin-left:50px;">上传</span><spans style="float:right;margin-right:50px;" onclick="picHide()">关闭</spans>
								</div><hr>
								<div  id="div_pic"></div>
							</div>

							<!-- 草本样方添加表单 -->
							<div class="add_button">
								<i class="fa fa-search-plus" aria-hidden="true"></i>
							</div>
						</div>
						<!-- 按钮 -->
						<div class="table_button" style="height:110px;">
							<clickpc onclick="sjMultiUploadPicture();">
								<i class="fa fa-plus fa-5x" aria-hidden="true"></i>
								<span>点击上传图片</span>
							</clickpc>
							<!-- 点击查看已上传的图片 -->
							<clickckpic class="JG imgs">
								<span>查看图片</span>
							</clickckpic>
							<input style="margin-top:-30px;margin-right:10px;" class="button_bc XZ_button_bc" type="button" value="保存" onclick="CBdataYFonesj()"/>
							<input style="margin:-30px 30px 0 0;" class="button_bc" type="button" value="提交" onclick="CbCommitYfData()" />
						</div>
						<!-- 已上传图片框 放已上传图片的容器 -->
						<divdatapic class="JG" style="display: none">
							<!-- 获取回来的图片显示 -->
							<divi>
								<span onclick="yfPicUpload();" style="float:left;margin-left:20px;">上传</span><span onclick="closePhotoClick();" style="float:right;margin-right:20px;">关闭</span>
							</divi>
							<div>

							</div>
						</divdatapic>
					<!-- </form> -->
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>